<template>
	<view class="zuhe">
		<view class="vist-mian" @click="visitingSearchListTo(item.consultId)" v-for="(item,index) in list" :key="index">
			<!-- <image class="img" src="../../static/image/VIP@2x.png"></image> -->

			<!-- <view class="xieti">
				<view>{{item.manLevelName}}</view>
			</view> -->

			<view class="shangceng">

				<view class="vist-mian-ask">
					<text>{{item.consultants}}</text>
				</view>

				<!-- <view class="vist-mian-and">
					<text>{{item.manLevelName}}</text>
				</view> -->

				<view class="vist-mian-end">
					<text>{{item.genderText}}</text>
				</view>
				<view class="vist-mian-time">
					<text>{{item.visitDate}}</text>
				</view>

			</view>

			<view class="xiaceng">

				<view class="vist-mian-seek">
					<text>产品意向：</text>
					<text>{{item.planShortName}}</text>
				</view>

				<!-- <view class="vist-mian-four">
					<text>></text>
				</view> -->

			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			list: {
				type: Array,
				default () {

					return []
				}
			}
		},
		onLoad() {

		},
		methods: {
			visitingSearchListTo(consultId) {
				uni.navigateTo({
					url: "/pages/customerSearch/customerDeatil?consultId=" + consultId
				})
			},
		}
	}
</script>

<style>
	.zuhe {
		margin-top: 116rpx;
	}

	.vist-mian {
		height: 160rpx;
		width: 95%;
		margin: 20rpx auto;
		background-color: #FFFFFF;
		box-shadow: 4px 4px 6px #CCCCCC;
		display: flex;
		justify-content: space-between;
		align-items: center;
		/* border: 1rpx solid; */
	}

	.img {
		width: 96rpx;
		height: 96rpx;
		margin-top: -72rpx;
		margin-left: -4rpx;
		z-index: 0;
	}

	.xieti {
		width: 75rpx;
		display: flex;
		transform: rotate(-46deg);
		margin-left: -82rpx;
		margin-top: -120rpx;
		color: #FFFFFF;
		font-size: 28rpx;
	}

	.shangceng {
		width: 100%;
		height: 100%;
		display: flex;
		margin-right: 10rpx;
		/* border: 1rpx solid; */
	}

	.vist-mian-ask {
		width: 290rpx;
		height: 56rpx;
		margin-top: 12rpx;
		margin-left: 14rpx;
		text-align: left;
		/* border: 1rpx solid #007AFF; */
	}

	.vist-mian-ask text {
		/* font-weight: bold; */
		margin-left: 32rpx;
		font-size: 32rpx;
	}

	.vist-mian-and {
		width: 25%;
		height: 56rpx;
		margin-top: 12rpx;
		text-align: center;
		/* font-weight: bold; */
		font-size: 32rpx;
		margin-left: 14rpx;
		/* border: 1rpx solid #007AFF; */
	}

	.vist-mian-end {
		width: 25%;
		height: 56rpx;
		margin-top: 12rpx;
		/* font-weight: bold; */
		text-align: center;
		font-size: 32rpx;
		/* border: 1rpx solid #007AFF; */
	}

	.vist-mian-time {
		width: 100%;
		height: 56rpx;
		margin-top: 16rpx;
		margin-right: 5%;
		/* font-weight: bold; */
		text-align: right;
		/* border: 1rpx solid #007AFF; */
	}

	.vist-mian-time text {
		/* font-weight: bold; */
		font-size: 28rpx;
	}

	.xiaceng {
		width: 88%;
		height: 1rpx;
		margin-left: 44rpx;
		margin-top: -14rpx;
		position: absolute;
		background-color: #F1F1F1;
		border: 2rpx solid #F1F1F1;
	}

	.vist-mian-seek {
		position: absolute;
		margin-top: 20rpx;
		/* margin-left: 44rpx; */
		/* border: 1rpx solid; */
	}

	.vist-mian-seek text {
		font-size: 32rpx;
		/* font-weight: bold; */
		color: #848484;
	}

	.vist-mian-four {
		width: 10%;
		margin-left: 88%;
		margin-top: 10rpx;
		text-align: right;
		/* border: 1rpx solid; */
	}

	/* .vist-mian-four text {
		font-size: 48rpx;
		color: #007AFF;
	} */
</style>
